<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>企业网站实战</title>
    <link href="css/main.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="js/setHomeSetFav.js" charset="GB2312"></script>
    <script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
    <script type="text/javascript" src="js/mf-pattern/mF_kdui.js"></script>
    <link href="js/mf-pattern/mF_kdui.css" type="text/css" rel="stylesheet"/>
    <script>
        myFocus.set({
            id: 'picBox'
        })
    </script>

</head>
<body>
<div class="top">
    <div class="top_content">
        <ul>
            <li><a href="#">联系我们</a></li>
            <li><a href="#" onclick="AddFavorite(window.location,document.title)">加入收藏</a></li>
            <li><a href="#" onclick="SetHome(window.location)">设为首页</a></li>
        </ul>
    </div>
</div> <!--top结束-->
<div class="wrap">
    <div class="logo">
        <div class="logo_left">
            <img src="images/logo.jpg" alt="慕课网"/>
        </div>
        <div class="logo_right">
            <img src="images/tel.jpg" alt="联系电话"/>24小时热线:<span class="tel">123-456-7890</span>
        </div>
    </div><!--logo结束-->
    <div class="nav">
        <div class="nav_left"></div>
        <div class="nav_middle">
            <div class="nav_middle_left">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">关于慕课</a></li>
                    <li><a href="list.html">新闻动态</a></li>
                    <li><a href="#">课程中心</a></li>
                    <li><a href="#">在线课程</a></li>
                    <li><a href="#">人才招聘</a></li>
                </ul>
            </div>
            <div class="nav_middle_right">
                <form action="" method="post">
                    <input type="text" class="search_text">
                </form>
            </div>
        </div><!--nav middle结束-->
        <div class="nav_right"></div>
    </div><!--nav结束-->
    <div class="ad" id="picBox">
        <div class="loading"><img src="images/loading.gif" alt="加载中"/></div>
        <div class="pic">
            <ul>
                <li><img src="images/ad2.jpg"/></li>
                <li><img src="images/ad3.jpg"/></li>
                <li><img src="images/ad4.jpg"/></li>
            </ul>
        </div>
    </div><!--ad结束-->
    <div class="main">
        <div class="news">
            <div class="title">
                <h2 class="title_left">新闻中心</h2><span class="title_right"><a href="news.html">More&gt;&gt;</a></span>
            </div>
            <div class="news_pic">
                <img src="images/news.jpg"/>
                <h2><a href="news.html">520 慕女神喊你来表白</a></h2>
                <p>
                    活动时间：5月20-5月24日<br/>
                    抽奖时间：5月25日<br/>
                    <a href="news.html">Learn More &gt;&gt;</a>
                </p>
            </div>
            <div class="news_list">
                <ul>
                    <li><span>2014-06-01</span><a href="news.html">【慕客访谈 用户篇】“有为屌丝”在路上</a></li>
                    <li><span>2014-05-01</span><a href="news.html">【有奖活动】给父亲的三行书信</a></li>
                    <li><span>2014-04-01</span><a href="news.html">《程序猿，请晒出你的童年》活动获奖公告</a></li>
                    <li><span>2014-04-01</span><a href="news.html"
                                                  title="aa">【慕课访谈】破茧成蝶—美女程序员的蜕变史</a>
                    </li>

                </ul>
            </div>
        </div><!--news结束-->
        <div class="course">
            <div class="title">
                <h2 class="title_left">课程中心</h2><span class="title_right"><a href="news.html">More&gt;&gt;</a></span>
            </div>
            <div class="course_pic">
                <img src="images/css.jpg" alt="CSS圆角进化论"/>
                <h2><a href="news.html">CSS圆角进化论</a></h2>
                <p>
                    CSS圆角的实现，经历了三大发展阶段：背景图片方式、CSS2.0+HTML标签模拟、CSS3.0圆角属性）。本案例详细讲解每一种的实现方式，并对实现的优缺点进行对比分析。</p>

            </div>
            <div class="course_type">
                <ul>
                    <li>PHP开发</li>
                    <li>前端开发</li>
                    <li>JAVA开发</li>
                    <li>Android开发</li>
                </ul>
            </div>

        </div><!--course结束-->
        <div class="sidebar">
            <div class="video">
                <div class="title">
                    <h2 class="title_left">媒体聚焦</h2>
                </div>
                <p class="video_content">
                    <embed src="http://player.youku.com/player.php/sid/XNjkzMDE5MTUy/v.swf"
                           allowFullScreen="true" quality="high" width="220" height="140"
                           align="middle"
                           allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
                </p>

            </div>
            <div class="sidebar_ad">
                <img src="images/app.jpg"/>
            </div>
        </div><!--sidebar结束-->
    </div><!--main结束-->
</div><!--warp结束-->
<div class="copyright">
    <div class="copyright_content">
        <ul>
            <li>关于
                <ul>
                    <li>品牌故事</li>
                    <li>联系我们</li>
                    <li>加入我们</li>
                    <li>版权声明</li>
                </ul>
            </li>
            <li>课程
                <ul>
                    <li>PHP开发</li>
                    <li>前端开发</li>
                    <li>JAVA开发</li>
                    <li>Android开发</li>
                </ul>
            </li>
            <li>关注
                <ul>
                    <li>新浪微博</li>
                    <li>腾讯微博</li>
                    <li>企业微信</li>
                    <li>QQ空间</li>
                </ul>
            </li>
            <li>留言
                <ul>
                    <li>意见反馈</li>
                    <li>问题留言</li>
                    <li>媒体联络</li>
                    <li>在线客服</li>
                </ul>
            </li>
            <li><img src="images/weixin.png" alt="微信关注" width="30" height="27"/>微信关注
                <ul>
                    <li><img src="images/qrcode.jpg" alt="扫描关注慕课网官方微信" width="102" height="102"/>
                    </li>
                </ul>
            </li>
        </ul>

    </div><!--copyright_content结束-->
</div><!--copyright结束-->
</body>
</html>